<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Minesweeper</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/styles.css">
</head>
<body>
    <div class="wrapper">
        <h1>
            Minesweeper</h1>
        <div id="minesweeper">
            <ul class="level-select">
                <li>
                    <button data-level="easy">
                        Easy</button></li>
                <li>
                    <button data-level="mid">
                        Medium</button></li>
                <li>
                    <button data-level="hard">
                        Hard</button></li>
            </ul>
            <div class="menu">
                <ul>
                    <li class="timer">000</li>
                    <li class="reset">
                        <button>
                            :)
                        </button>
                    </li>
                    <li class="mine-count">010</li>
                </ul>
            </div>
            <div id="mine-grid">
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/JSweeper.js"></script>
</body>
</html>
